body{ background: #fff; }

/*字体*/
    div,
    input,
	view,
	text{
        font-size: 28rpx;
        font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
		line-height: 100%;
    }
	p,
	span{
        font-size: 28rpx;
		line-height: 1.5;
	}
	p{
		font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
	}
	
i{display: inline-block;}
h2.title{ color: #666; font-size:20rpx;line-height: 64rpx; font-weight: 500}
.b{font-weight: bold;}
.n{font-weight: normal;}
.f24{ font-size: 24rpx !important;}
.f25{ font-size: 25rpx !important;}
.f26{ font-size: 26rpx !important;}
.f28{ font-size: 28rpx !important;}
.f30{ font-size: 30rpx !important;}
.f32{ font-size: 32rpx !important;}
.f34{ font-size: 34rpx !important;}
.f35{ font-size: 35rpx !important;}
.f36{ font-size: 36rpx !important;}
.f37{ font-size: 37rpx !important;}
.f40{ font-size: 40rpx !important;}
.f45{ font-size: 45rpx !important;}
.f48{ font-size: 48rpx !important;}
.f50{ font-size: 50rpx !important;}
.f56{ font-size: 56rpx !important;}
.f60{ font-size: 60rpx !important;}
.f70{ font-size: 70rpx !important;}
.f80{ font-size: 80rpx !important;}
.f90{ font-size: 90rpx !important;}
.f100{ font-size: 100rpx !important;}

/*边距*/
.m0{margin:0;}
.m5{margin:5rpx;}
.m10{margin:10rpx;}

.mt0{margin-top: 0rpx !important;}
.mt5{margin-top: 5rpx;}
.mt10{margin-top: 10rpx;}
.mt15{margin-top: 15rpx;}
.mt20{margin-top: 20rpx;}
.mt30{margin-top: 30rpx;}
.mt40{margin-top: 40rpx;}
.mt60{margin-top: 60rpx;}
.mt70{margin-top: 70rpx;}
.mt80{margin-top: 80rpx;}
.mt100{margin-top: 100rpx;}
.mt110{margin-top: 110rpx;}
.mt120{margin-top: 120rpx;}

.mb0{margin-bottom: 0rpx !important;}
.mb5{margin-bottom: 5rpx;}
.mb10{margin-bottom: 10rpx !important;}
.mb15{margin-bottom: 15rpx;}
.mb20{margin-bottom: 20rpx;}
.mb30{margin-bottom: 30rpx;}
.mb50{margin-bottom: 50rpx;}

.ml0{margin-left:0;}
.ml2{ margin-left: 2rpx;}
.ml3{ margin-left: 3rpx;}
.ml4{ margin-left: 4rpx;}
.ml5{ margin-left: 5rpx;}
.ml10{ margin-left: 10rpx;}
.ml15{ margin-left: 15rpx;}
.ml16{ margin-left: 16rpx;}
.ml20{ margin-left: 20rpx;}
.ml30{ margin-left: 30rpx !important;}
.ml35{ margin-left: 35rpx;}
.ml40{ margin-left: 40rpx !important;}
.ml45{ margin-left: 45rpx;}
.ml50{margin-left: 50rpx !important;}
.ml65{margin-left: 65rpx !important;}
.ml100{margin-left: 100rpx;}
.ml110{ margin-left: 110rpx;}

.mr0{margin-right: 0rpx !important;}
.mr3{ margin-right: 3rpx;}
.mr4{ margin-right: 4rpx;}
.mr5{ margin-right: 5rpx;}
.mr10{ margin-right: 10rpx;}
.mr15{ margin-right: 15rpx;}
.mr20{ margin-right: 20rpx;}
.mr30{ margin-right: 30rpx;}
.mr35{ margin-right: 35rpx;}
.mr210{margin-right: 210rpx;}



/*内边距*/
.p5{padding: 5rpx;}
.p10{padding: 10rpx;}
.p15{padding: 15rpx;}
.p20{padding: 20rpx;}
.p30{padding: 30rpx;}
.p36{padding: 36rpx;}
.p40{padding: 40rpx;}
.p50{padding: 50rpx;}
.p55{padding: 55rpx;}


.pt0{padding-top: 0rpx;}
.pt5{padding-top: 5rpx;}
.pt10{padding-top: 10rpx;}
.pt15{padding-top: 15rpx;}
.pt17{padding-top: 17rpx;}
.pt20{padding-top: 20rpx;}
.pt22{padding-top: 22rpx;}
.pt30{padding-top: 30rpx;}
.pt35{padding-top: 35rpx;}
.pt40{padding-top: 40rpx;}
.pt45{padding-top: 45rpx;}
.pt50{padding-top: 50rpx;}
.pt55{padding-top: 55rpx;}
.pt60{padding-top: 60rpx;}

.pb0{padding-bottom:0rpx;}
.pb5{padding-bottom:05rpx;}
.pb10{padding-bottom:10rpx;}
.pb15{padding-bottom:15rpx;}
.pb20{padding-bottom:20rpx;}
.pb22{padding-bottom:22rpx;}
.pb30{padding-bottom:30rpx;}
.pb50{padding-bottom:50rpx;}
.pb80{padding-bottom:80rpx;}


.pl5{padding-left:5rpx;}
.pl10{padding-left:10rpx;}
.pl20{padding-left:20rpx;}
.pl30{ padding-left: 30rpx}
.pl25{padding-left: 25rpx;}
.pl40{padding-left:40rpx;}
.pl50{padding-left:50rpx;}
.pl55{padding-left:55rpx;}
.pl60{padding-left:60rpx;}
.pl90{padding-left:90rpx;}

.pr5{padding-right:5rpx;}
.pr10{padding-right:10rpx;}
.pr20{ padding-right: 20rpx}
.pr25{padding-right: 25rpx;}
.pr30{ padding-right: 30rpx}
.pr40{ padding-right: 40rpx}
.pr50{padding-right:50rpx;}
.pr60{padding-right:60rpx;}


.ptb5{ padding-top:5rpx; padding-bottom: 5rpx; }
.ptb10{ padding-top:10rpx; padding-bottom: 10rpx; }
.ptb20{ padding-top:20rpx; padding-bottom: 20rpx; }
.ptb25{ padding-top:25rpx; padding-bottom: 25rpx; }
.ptb30{ padding-top:30rpx; padding-bottom: 30rpx; }
.ptb35{ padding-top:35rpx; padding-bottom: 35rpx; }
.ptb40{ padding-top:40rpx; padding-bottom: 40rpx; }
.ptb45{ padding-top:45rpx; padding-bottom: 45rpx; }
.ptb50{ padding-top:50rpx; padding-bottom: 50rpx; }
.ptb60{ padding-top:60rpx; padding-bottom: 60rpx; }
.ptb70{ padding-top:70rpx; padding-bottom: 70rpx; }
.ptb100{ padding-top:100rpx; padding-bottom: 100rpx; }


.plr5{padding-left: 5rpx;padding-right:5rpx;}
.plr10{padding-left: 10rpx;padding-right: 10rpx;}
.plr15{padding-left: 15rpx;padding-right: 15rpx;}
.plr20{padding-left: 20rpx;padding-right: 20rpx;}
.plr30{padding-left: 30rpx;padding-right: 30rpx;}
.plr40{padding-left: 40rpx;padding-right: 40rpx;}
.plr50{padding-left: 50rpx;padding-right: 50rpx;}
.plr80{padding-left: 80rpx;padding-right: 80rpx;}
.plr100{padding-left: 100rpx;padding-right: 100rpx;}


/*布局*/
.d-relative{ position: relative; }
.d-absolute{ position: absolute; }
.d-fixed{position: fixed;}



/*浮动*/
.fl{float: left;}
.fr{float: right !important}

/*对齐*/
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}


/*辅助*/
.d-nowrap{white-space: nowrap;}
.d-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.d-pointer{cursor:pointer;}

.d-show{display: block;}
.d-hide{display: none;}

.d-hidden{overflow: hidden;}
.d-auto-x{overflow-x: auto;}
.d-auto-y{overflow-y: auto;}

.d-block{display: block;}
.d-inline{display: inline;}
.d-inlineblock{display: inline-block;}

.d-box{box-sizing: border-box;}

/* 超出两行省略 */
.d-elip2{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}



/*高度*/
.hfull{ height: 100% !important; }
.h0{height:0 !important;}
.h10{height:10rpx !important;}
.h15{height:15rpx !important;}
.h20{height:20rpx !important;}
.h25{ height: 25rpx; }
.h30{ height: 30rpx; }
.h40{ height:40rpx;}
.h45{ height:45rpx;}
.h50{ height:50rpx;}
.h60{ height: 60rpx !important; }
.h70{ height: 70rpx !important; }
.h80{ height: 80rpx !important; }
.h100{ height:100rpx !important;}
.h140{ height: 140rpx; }
.h150{ height: 150rpx; }
.h160{ height: 160rpx; }
.h165{ height: 165rpx; }
.h170{ height: 170rpx; }
.h180{ height: 180rpx !important; }
.h190{ height: 190rpx !important; }
.h200{height:20rpx;}
.h220{height:220rpx;}
.h240{height:240rpx;}
.h250{height:250rpx;}
.h300{height:300rpx;}
.h320{height:320rpx;}
.h380{height:380rpx;}
.h400{height:400rpx;}
.h440{height:440rpx;}
.h450{height:450rpx;}
.h460{height:460rpx;}
.h550{height:550rpx;}
.h1400{height:1400rpx;}

/*宽度*/
.wfull{ width: 100% !important }
.w10{width: 10rpx !important;}
.w20{width: 20rpx !important;}
.w30{width: 30rpx !important;}
.w35{width: 35rpx !important;}
.w40{width: 40rpx !important;}
.w45{width: 45rpx !important;}
.w50{width: 50rpx !important;}
.w60{width: 60rpx !important;}
.w70{width: 70rpx !important;}
.w80{width: 80rpx !important;}
.w90{width: 90rpx !important;}
.w96{width: 96rpx !important;}
.w100{width: 100rpx !important;}
.w110{width: 110rpx !important;}
.w120{width: 120rpx !important;}
.w130{width: 130rpx !important;}
.w140{width: 140rpx !important;}
.w150{width: 150rpx;}
.w160{width: 160rpx;}
.w170{width: 170rpx;}
.w180{width: 180rpx;}
.w190{width: 190rpx;}
.w200{width: 200rpx;}
.w210{width: 210rpx;}
.w220{width: 220rpx;}
.w240{width: 240rpx!important;}
.w260{width: 260rpx;}
.w280{width: 280rpx;}
.w290{width: 290rpx;}
.w300{width: 300rpx;}
.w320{width: 320rpx !important;}
.w330{width: 330rpx !important;}
.w340{width: 340rpx !important;}
.w390{width: 390rpx; }
.w400{width: 400rpx; }
.w450{width: 450rpx; }
.w500{width: 500rpx; }
.w600{width: 600rpx; }
.w780{width: 780rpx; }


/* 最小宽度 */
.wminfull{min-width:100%;}
.wmin75{min-width: 75rpx;}
.wmin240{min-width: 240rpx;}


/* 最大宽度 */
.wmax300{max-width: 300rpx;}
.wmax400{max-width: 400rpx;}
.wmax700{max-width: 700rpx;}
.wmax800{max-width: 800rpx;}

/* 最小高度 */
.hminfull{min-height:100%;}
.hmin50{min-height:50rpx;}
.hmin200{min-height:200rpx;}
.hmin300{min-height:300rpx;}
.hmin400{min-height:400rpx;}
.hmin600{min-height:600rpx;}



/* 边框   */
.bt{border-top:1px solid #dcdfe6 !important;}
.bb{border-bottom:1px solid #dcdfe6 !important;}
.bl{border-left:1px solid #dcdfe6; }
.br{border-right:1px solid #dcdfe6; }
.ba{border:1px solid #dcdfe6;}
.bn{border:none !important;}


/* 圆滑边框 */
.bar4{border-radius: 4px;}
.bar8{border-radius: 8px;}
.bar100{border-radius: 100px;}


/*边框颜色*/
.d-border-green{border: 1px solid #67c23a;}



/* 给父元素添加font-size:0.0属性可以消除5rpx间距 */
.d-form{ font-size: 0 }


/*圆*/
.d-circle{border-radius:50%; text-align: center; display: inline-block; overflow:hidden; }
.d-round12{width: 12rpx; height: 12rpx; line-height: 12rpx; }
.d-round15{width: 15rpx; height: 15rpx; line-height: 15rpx; }
.d-round20{width: 20rpx; height: 20rpx; line-height: 20rpx; }
.d-round25{width: 25rpx; height: 25rpx; line-height: 25rpx; }
.d-round30{width: 30rpx; height: 30rpx; line-height: 30rpx; }
.d-round35{width: 35rpx; height: 35rpx; line-height: 35rpx; }



/*行高*/
.lhauto{line-height: 1.5;}
.lhfull{line-height: 100%;}
.lh10{line-height: 10rpx;}
.lh20{line-height: 20rpx;}
.lh22{line-height: 22rpx;}
.lh26{line-height: 26rpx;}
.lh30{line-height: 30rpx;}
.lh35{line-height: 35rpx;}
.lh40{line-height: 40rpx;}
.lh45{line-height: 45rpx;}
.lh50{line-height: 50rpx;}
.lh55{line-height: 55rpx;}
.lh60{line-height: 60rpx;}
.lh70{line-height: 70rpx;}

/* 主题色 */
.d-theme-bg{ background: #cf1313 !important; }
.d-theme-text{ color: #cf1313 !important; }


/*背景色*/
.d-bg-gray{ background:#f2f2f2;}  /*灰色*/
.d-bg-frenchGray{ background:#c2c2c2;}  /* 浅灰色*/
.d-bg-grays{ background:#dadada;}  /*标题深色*/
.d-bg-white{ background:#fff !important;}  /*白色*/
.d-bg-black{ background:#aaa; color: #fff}  /*黑色*/
.d-bg-red{ background:#ff0000;color: #fff }  /*h*/
.d-bg-pink{ background: #ff6969; color: #fff;}/*粉红主色*/
.d-bg-violet{ background: #9965cc; color: #fff;} /*紫色*/
.d-bg-brown{ background: #f1a85f; color: #fff; }/*棕色*/
.d-bg-crimson{ background: #ac0222; color: #fff; }/*赤红*/
.d-bg-cyan{ background: #33ba9b; color: #fff; }/*青色*/
.d-bg-blue{ background: #189eff; color: #fff !important; }/*蓝色*/
.d-bg-green{ background: #67c23a !important; color: #fff; }/*绿色*/
.d-bg-orange{ background: #fb9320; color: #fff; }/*橙色*/
.d-bg-yellow{ background: #E6A23C; color: #fff; }/*橙色*/
.d-bg-tred{background: #F56C6C;color: #FFF;} /*A/特级红*/
.d-bg-textred{background: #d84e43;color: #FFF;}  /*字红色*/
.d-bg-geblc{background:#ebebeb;}
.d-bg-paleYellow{background:#d8d8d8;}
.d-bg-translucent{background:rgba(0, 0, 0, 0.1);} /* 半透明 */
.d-bg-golden{background:#fee4d9;color: #ff5919;}/*金色*/
/*字体颜色*/
.d-text-pink{color: #ff6969; } /*粉红主色*/
.d-text-red{color: #ff0000; }  /*红色*/
.d-text-textred{color: #d84e43; }  /*字红色*/
.d-text-tred{color: #F56C6C;}  /*A/特级红*/
.d-text-violet{color: #9965cc; } /*紫色*/
.d-text-brown{color: #f1a85f; }/*棕色*/
.d-text-crimson{color: #ac0222; }/*赤红*/
.d-text-cyan{color: #33ba9b; }/*青色*/
.d-text-blue{color: #189eff !important; }/*蓝色*/
.d-text-green{color: #67c23a; }/*绿色*/
.d-text-orange{color: #ff9906; }/*橙色*/
.d-text-gray{color: #99a2b1; }/*灰色*/
.d-text-qgray{color: #999; }/*灰色*/
.d-text-subhead{color: #757575; }/*副标题灰*/
.d-text-white{color: #fff !important; }/*白色*/
.d-text-black{color: #333 !important; }/*黑色*/
.d-text-golden{color: #ff5919;}/*金色*/



/*布局*/
.d-flex-ac{align-items: center;}
.d-flex-wr{flex-wrap: wrap;}
.d-cell{flex: 1;}
.d-flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
 }
/* 从左到右垂直居中 */
.d-flex-lr{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
/* 分布两边 */
.d-flex-level{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    justify-content: space-between;
}
/* 从左到右等份 */
.d-flex-deuce{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    justify-content: space-around;
}
/* 上中下分布 */
.d-flex-tcb{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d-center{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content:center;
}


/* @/components/uni-countdown/uni-countdown.vue */
.uni-countdown__number{
	border-radius: 8rpx;
}






